<template>
 <footer class="footer">
 <ul class="aa">
  <li v-for="lis in ulList" :key="lis.index">{{lis.li}}</li>
 </ul>
 <p class="bb">
  Copyright © {{author}} - 2016 All rights reserved
 </p>
 </footer>
</template>
 
<script>
 export default {
 name: 'footerDiv',
 data () {
  return {
  ulList: [
   { li: '琉璃之金' },
   { li: '朦胧之森' },
   { li: '缥缈之滔' },
   { li: '逍遥之火' },
   { li: '璀璨之沙' }
  ]
  }
 },
 computed: {
  author () {
  return this.$store.state.author
  }
 }
 }
</script>
<style>
.footer{
	background-color: green;
	display: flex;
	flex-direction: column;
	align-items: center
}
.aa{
	list-style: none;
	display: flex;
}
.aa li{
	margin-right:10px;
}
.aa .bb{
	margin-right:10px;
}
</style>
